/**
* @Description:    娱乐
* @Author:         TSY 
* @Email:          t@tsy6.com
* @CreateDate:     2019/4/9 21:44
*/
<template>
    <div>
        <top-header></top-header>
        <top-banner :img="bannerImg" text="娱乐"></top-banner>
        <div class="container">敬请期待~</div>
    </div>
</template>

<script lang="ts">
    import Vue from 'vue';
    import Component from 'vue-class-component';
    import TopBanner from "@/components/TopBanner.vue";
    import TopHeader from "@/components/TopHeader.vue";

    @Component({
        name: "Amusement",
        components: {
            TopHeader,
            TopBanner
        }
    })

    export default class Amusement extends Vue {
        //banner图
        bannerImg: string = require('@/assets/amusement-banner.jpg');
    }

</script>

<style lang="stylus" scoped>
    @import "../../style/common.styl"

    .container {
        width 100%
        height 800px
        flexContent()
        font-size 24px
    }
</style>